Flaticon SVG Sprite

SVG Sprite Demo

Instructions

1Copy the SVG Sprite file to your website.
2Insert the content of your SVG Sprite in your HTML code. <div hidden> <svg style="display: none;" xmlns="http://www.w3.org/2000/svg"> <symbol id="blueberries" viewbox="0 0 53.308 53.308"> <title> blueberries </title> <path d="M39.685,2.953c-7.524,0-13.623,6.099-13.623,13.623c0,2.243,0.552,4.353,1.512,6.219 c1.496-0.565,3.11-0.888,4.804-0.888c5.281,0,9.851,3.011,12.111,7.404c5.15-1.944,8.819-6.905,8.819-12.735 C53.308,9.052,47.208,2.953,39.685,2.953z" style="fill:#003879;"> </path> ... </svg> </div>
3Use the icons:
Use example:
<svg class="icon"> <use xlink:href="#blueberries" /> </svg>

#24-hours-1

#24-hours-sign

#24-hours

#android-logo

#apple

#arrows-1

#arrows-2

#arrows-3

#arrows-4

#arrows-5

#arrows-6

#arrows-7

#arrows-8

#arrows-9

#arrows

#arrow

#atom-symbol

#avatar

#back

#badge-with-ribbons

#bag

#battery

#boat-lifesaver

#business-1

#business

#calendar-1

#calendar

#cancel

#car-1

#car

#cell-phone

#chat

#checked

#check

#check-symbol

#circular-arrow

#clip

#clock-1

#clock-2

#clock-3

#clock

#close

#commenting

#comments

#communication-1

#communication-2

#communication

#computer

#danger-1

#danger

#down-arrow

#download-arrow

#download

#drop

#earth

#edit

#edit-tools

#empty-email

#envelope-1

#envelope-2

#envelope-3

#envelope

#eye

#favorite-1

#favorite-2

#favorite

#gallery

#garbage

#go-back-arrow

#graphic

#hands

#headphones

#heart

#home

#house-outline

#house

#interface-1

#interface

#layout

#left-arrow

#left-quote

#light-bulb-1

#light-bulb

#like-1

#like-2

#like

#link

#list-1

#list

#login-1

#login

#magnifier-tool

#magnifying-glass-1

#magnifying-glass-browser

#magnifying-glass

#map-marker-1

#map-marker

#medal-1

#medal

#menu-1

#menu-2

#menu-button

#menu-options

#menu

#minus

#money-bag

#monitor-1

#monitor

#musical-note

#music

#next-1

#next

#note

#open-envelope

#open-lock

#padlock-1

#padlock

#paper-plane-1

#paper-plane-2

#paper-plane

#pdf-file-format-symbol

#pdf

#phone-call

#pie-chart

#piggy-bank-1

#piggy-bank

#pin-1

#pin

#placeholder

#planet-earth

#play-button-1

#play-button-2

#play-button

#plus

#plus-symbol

#power

#previous

#refresh

#remove

#resizing

#right-arrow-1

#right-arrow-2

#right-arrow

#right-quotation-sign

#rocket-ship

#rocket

#screen

#search-1

#search

#send-message-button

#settings-1

#settings-2

#settings

#shape

#share

#share-symbol

#shopping-bag

#shopping-cart-1

#shopping-cart

#sign-in

#signs

#size-square

#smartphone

#social-1

#social-2

#social

#speaker

#speech-bubble-1

#speech-bubble

#star-1

#star-2

#star-3

#starred

#star

#tag-black-shape

#technology-1

#technology

#telephone-handle-silhouette

#telephone

#thumbs-up

#timer

#time

#travel

#unchecked

#unlink

#upload

#user-1

#user-2

#user-3

#user-shape

#users

#user

#video-player

#warning

#wifi-connection-signal-symbol

#wifi